<template>
  <aside>
    <div>
      <ul>
        <li>
          <label>拓展图名称</label>
          <Input
                  v-model="content.title"
                  placeholder="请输入内容..."
                  style="width: 100%"
          />
        </li>
      </ul>
    </div>
  </aside>
</template>

<script>
export default {
  name: "CanvasAttr",
  props: {
    selectContent:Object
  },
  data() {
    return {
      content: {},
      type: "",
      jspInit: this.$store.state.taskflow.jspInit,
    };
  },
  watch:{
    selectContent: {
      handler(nval) {
        if (!nval) {
          return
        }
        this.content = nval.data;
        this.type = nval.type;
      },
      immediate: true
    }
  },
  mounted() {
  },
  methods: {
  },
};
</script>

<style scoped lang="scss">
  aside {
    padding: 10px;
    ul {
      list-style: none;
      li {
        margin-bottom: 5px;
        > label {
          display: block;
          font-size: 15px;
          font-weight: normal;
          margin-bottom: 2px;
        }
      }
    }
  }
</style>
